.body_1 {
  
    margin: 0;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.0;
    color: #212529;
    text-align: left;
    background-color:black;
    /*background-color: #dcdcdc;*/

  
}

.body_2{


    margin: 0;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.0;
    color: #212529;
    text-align: left;
    background-color: #c5c5c5;
    background:unset;
    background-image:unset;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;



}


.body_3 {
  
    margin: 0;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.0;
    color: #212529;
    text-align: left;
    background-color:white;
    /*background-color: #dcdcdc;*/

  
}



.navbar-default{

  border-right: none !important;
  border-left: none !important;
  background-color: #7c93c3 !important;
  color:white !important;


}

.ontoto-navbar-1{

    background-color: #7c93c3 !important;

}

.chartWindow{

    background: url(../img/r-bg-1.gif);
    background-image: url(../img/r-bg-1.gif);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;



}

#chartContainer{




    background: url(../img/r-bg-6.png);
    background-image: url(../img/r-bg-6.png);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    color: white  !important;


}

.chartbk{




    background: url(../img/r-bg-6.png);
    background-image: url(../img/r-bg-6.png);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    color: white  !important;


}


.navbar-default .navbar-nav > li > a {
    color: white !important;
}

.navbar{

  border-radius:0px !important;


}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: black !important;
  color: white !important;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
   /* color:#7c93c3;*/
   color:white;
}

.ontoto-panel-heading{



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d5d6e+1,2f4554+100 */
background: rgb(61,93,110); /* Old browsers */
background: -moz-linear-gradient(top, rgba(61,93,110,1) 1%, rgba(47,69,84,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(61,93,110,1) 1%,rgba(47,69,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(61,93,110,1) 1%,rgba(47,69,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d5d6e', endColorstr='#2f4554',GradientType=0 ); /* IE6-9 */


color:white !important;


}


.ontoto-panel-body{

background:black; /* Old browsers */
color:white !important;


}

.ontoto-bg-1{


    background: url(../img/r-bg-1.gif);
    background-image: url(../img/r-bg-1.gif);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;



}

.ontoto-table-hover > tbody > tr:hover {
  background-color: black !important;
}



.button {
    outline: 0;
    padding: 5px 12px;
    display: block;
    color: #ececec;

    border: 1px solid #8cc5ec;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #232B30; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}
/*.button:hover {
    text-decoration: none;
    color: #fff;
    background: #4C5A64; 
    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); 
}
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    color: #fff;
    padding: 6px 12px 4px;
    background: #20282D; 
    background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 ); 
    -moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); 
    -webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); 
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1); 
}
*/
.blackImgBackround{


    background: url(../img/bg.gif);
    background-image: url(../img/bg.gif);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;




}


.dotsImgBackround {

    background-color: white;
    background: url(../img/Dots.gif);
    background-image: url(../img/Dots.gif);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;




}




.logoText{



text-shadow: 0px 2px 3px #000000;
font-size: 25px;
/*color: #8cc5ec; #99bfff*/

color: #99bfff;


}

.logoText2{



text-shadow: 0px 2px 3px #000000;
font-size: 18px;
color: #99bfff;


}



.ontotoTable > .table-hover tbody tr:hover td, .ontotoTable > .table-hover tbody tr:hover th {
  background-color: #3d5d6e;
}


 .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #3d5d6ef0;
}

.activityHeading{


    background-color: #3d5d6e; 
    color: white; 
    border-bottom: 1px solid #8cc5ec; 
    padding:10px;


}


.activityHeadingRedbackround{



    background-color: #dc5151; 
    color: white; 
    border-bottom: 1px solid #8cc5ec; 
    padding:10px;


    
}

.breadcrumb-item > a{

color: gray;


}

.breadcrumb-item > a:hover{

color:#96b9fd;
text-decoration:none;


}


.btn-info {
    color: #fff;
    background-color: #7c93c3;
    border-color: #7c93c3;
 
}


.btn-danger {
    color: #fff;
    background-color: #75000b;
    border-color: #75000b;
    
}

.btn-success{

    

}

.ontoto-btn-1 {

     line-height:1;

}



.table th, .table td {

    padding: 0.50rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;


}


.shadow-1 {

    

box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);


position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;



}

.editbox-heading-1 {


background-color:white; margin-bottom: 10px;  
padding: 10px ; border: 1px solid #dee2e6; 
border-bottom:none; 
background-color: #fffdf0;
margin-bottom: 20px;




}


.infobox1 {


background-color:white; margin-bottom: 10px;  
padding: 10px ; border: 1px solid #ececec; 
border-bottom:none; 
background-color: #f7faff;
margin-bottom: 20px;




}




.ontoto-card-header-1 {

    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(222, 232, 255);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color:#3d474e;
    background-color:#dadada50;




}

.card-body{

background-color: #f6f6f6;


}



.container-fluid-card1{



box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);


position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

padding: 20px;

/*padding: 20px ; 
border: 1px solid #dee2e6 ;
background-color:#f5f5f5;*/



}

.breadcrumb {

margin-top:10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
border: 1px solid #333333;
background-color: #99999929;



}

.highlighter1{

color:#7c93c3;


}




.highlighter2{

 color:green;
 font-weight: bold;

}


.highlighter3{

 color:#b1ff92;


}

.desktop-banner{

    background-color:#f6f6f6;

/*    background: url(../img/bgr1.png);
    background-image: url(../img/bgr1.png);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;*/


}

.form-control{



font-size:0.8rem;


}

.account-name{

position:absolute; 
top:0; right:0 ; 
padding: 0.5rem; 
background-color:#7c93c3 ;
margin-right:0.5rem;
color: white;

}

.navbar-dark .navbar-nav .nav-link {

    color: black


}




.card2{


border-bottom: 1px solid #616e88;
padding: 10px; 
margin-bottom:10px ; 
margin-left: 2px;




}

.card3{


border-bottom: 1px solid #616e88;
padding: 10px; 
padding-top:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



}


.ontoto_h1{

    color:#2442dc; 
    font-weight: bold; 

}


.ontoto_h2{

    color:#2442dc; 
    font-weight: bold; 

}

.ontoto-table-1{


    font-size: 0.82rem;
    color: #7c93c3;

}

.ontoto-table-1  th {

    font-weight:400;
    font-size: 0.72rem;
    color:black;


}

.ontoto-table-header-1{

    font-weight: normal !important;
}

.ontoto-heading-1 {


 padding:15px 10px 3px 10px; 
 margin-top: 10px; 
 background-color:#7c93c33b; 
 color:black; 
 border-bottom: 3px solid black;

}

.ontoto-heading-2 {


 padding:10px 10px 5px 10px; 
 margin-top: 0px; 
 background-color:#7c93c33b; 
 color:black; 
 border-bottom: 2px solid black;



}


.ontoto-heading-3 {


 padding:10px 10px 5px 10px; 
 margin-top: 0px;  
 color:black; 
 background-color:#e3e3e3; 
 border-bottom: 2px solid black;



}


.ontoto-btn-1{

    line-height:1;

}

.ontoto-color-code{

    float:left; 
    padding:3px


}

.ontoto-color-code-ex{

    background-color:#590202;
    color:white;
    
}

.ontoto-color-code-rssi{

    background-color:#4b6c7b;
    color:white;
    
}

.ontoto-color-code-bv{

    background-color:#2196f3;
    color:white;
    
}

.ontoto-color-code-nm{

    background-color:#009688;
    color:white;
    
}


.ontoto-color-code-rb{

    background-color:#9c27b0;
    color:white;
    
}







.ontoto-color-code-dc{

    background-color:#2c8199;
    color:white;

}

.ontoto-color-code-dd{

    background-color:#2c8199;
    color:white;

}


.ontoto-color-code-ip{

    background-color:#590202;
    color:white;
}

.ontoto-color-code-por{

    background-color:#ef4609;
    color:white;
}

.ontoto-color-code-bor{

    background-color:#ef4609;
    color:white;
}

.ontoto-color-code-extr{

    background-color:#ef4609;
    color:white;
}

.ontoto-color-code-swr{

    background-color:#ef4609;
    color:white;
}

.ontoto-color-code-lv{

    background-color:#f35d2d;
    color:white;

}


.ontoto-color-code-nd{

    background-color:#ff9800;
    color:white;
    
}

.ontoto-color-code-bd{

    background-color:#ff9800;
    color:white;
    
}

.ontoto-color-code-md{

    background-color:#ff9800;
    color:white;
    
}

.ontoto-color-code-bd{

    background-color:#4e4d4d;
    color:white;
    
}

.ontoto-color-code-ce{

    background-color:#03A9F4;
    color:white;
    
}

.ontoto-color-code-gd{

    background-color:#6ca02e;
    color:white;
    
}

.ontoto-color-code-lr{

    background-color:#9e9e9e;
    color:white;

}

.ontoto-color-code-sid{

    background-color:#673ab7;
    color:white;

}

.ontoto-color-code-bts{
    
    background-color:#009688;
    color:white;


}

.ontoto-color-code-tor{
    
    background-color:#036f65;
    color:white;


}


.ontoto-color-code-wt{
    
    background-color:#024820;
    color:white;


}

.ontoto-btn-0{
    border: none; background:none; color:#7c93c3 ; cursor: pointer
}

.ontoto-btn-1{
    border: none; background:none; color:#8c8c8c ; cursor: pointer
}


.ontoto-bs-effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}


.ontoto-bs-effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ontoto-bs-effect7:before, .ontoto-bs-effect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.page-link{

    color:#7c93c3;

}